<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>userCenter</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

<!-- Bootstrap -->
<link href="http://static.ginage.com/gauge/bootstrap-3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="http://static.ginage.com/gauge/css/initialization.css" rel="stylesheet">
<link href="http://static.ginage.com/gauge/css/userCenter.css" rel="stylesheet">

</head>
<body>

	<div class="container">
		<div class="userBox">
			<div class="row">
				<div class="col-sm-4">
					<div id="touxiang">
						<img class="img-rounded user-icon" th:src="'http://static.ginage.com/gauge/'+${session.touxiangPath}">
						<div id="changeTouxiang">
							<span class="glyphicon glyphicon-camera" aria-hidden="true"></span><br> 更改头像
						</div>
							<input type="file" class="hide" accept=".png,.gif,.jpeg,.jpg" id="selectFile">
					</div>
					<div id="oprator">
						<ul>
							<li id="info"><a href="#">个人资料</a></li>
							<li id="changePassword"><a href="#">修改密码</a></li>
						</ul>

					</div>
				</div>
				<div class="col-sm-8">
					<dl class="info_dl">
						<dt>姓 名</dt>
						<dd id="name">邓金玲</dd>
					</dl>
					<dl class="info_dl">
						<dt>工 号</dt>
						<dd id="employeeNum">10605227</dd>
					</dl>
					<dl class="info_dl">
						<dt>部 门</dt>
						<dd id="department">生产部C</dd>
					</dl>
					<dl class="info_dl" id="phone_info">
						<dt>手 机</dt>
						<dd class="phone_info_old" id="phoneNUm">18680676065</dd>
						<dd class="phone_info_old">
							<span class="glyphicon glyphicon-pencil" id="edit_phoneNum" aria-hidden="true"></span>
						</dd>
						<dd class="edit_info">
							<input class="form-control">
						</dd>
						<dd class="edit_info">
							<a class="btn btn-primary" href="#" role="button" id="phoneNum_save">确定</a>
						</dd>
						<dd class="edit_info">
							<a class="btn btn-default" href="#" role="button" id="phoneNum_cancel">取消</a>
						</dd>
					</dl>
					<dl class="info_dl" id="email_info">
						<dt>邮 箱</dt>
						<dd class="email_info_old" id="email">xf3800@qq.com</dd>
						<dd class="email_info_old">
							<span class="glyphicon glyphicon-pencil" id="edit_email" aria-hidden="true"></span>
						</dd>
						<dd class="edit_info">
							<input class="form-control">
						</dd>
						<dd class="edit_info">
							<a class="btn btn-primary" href="#" role="button" id="email_save">确定</a>
						</dd>
						<dd class="edit_info">
							<a class="btn btn-default" href="#" role="button" id="email_cancel">取消</a>
						</dd>
					</dl>
				</div>
			</div>

		</div>
	</div>


	<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	<script src="http://static.ginage.com/gauge/js/jquery.min.js"></script>
	<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	<script src="http://static.ginage.com/gauge/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
	<script src="http://static.ginage.com/gauge/js/userCenter.js"></script>
</body>
</html>